<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>线上笔试答题系统</title>
	<link rel="stylesheet" href="./styles/css/common.css">
	<link rel="stylesheet" href="./styles/css/index.css">
</head>

<body class="choice">
	<script src="http://rsj.beijing.gov.cn/images/rsj_header.js"></script>
	<include src="./include/header.html"></include>
	<div class="wrap" id="nav_wrap">
		<script type="text/html" id="nav_tem">
			<%if(data.executeResult == 1){%>
			<% var _Data = data.dtxx%>
			<% var _data = data.tmxx%>
			<div class="com-nav">
				<div class="choice-nav">
					<i class="J_goback">
						<img src="./styles/images/fanhui.png" alt=""></i>
					<p class="job"><%=_Data.gwwdmc%></p>
					<p class="jjt">进阶题</p>
					<!-- <div class="timeout">
						<span class="left">计时器</span>
						<b class="right"></b>
					</div> -->
				</div>
			</div>

			<!-- <div class="subject-wrap">
			<div class="subject-con">
				<div class="subject-btn">
					<span class="back">返回</span>
					<span class="tj">提交</span>
				</div>
			</div>
		</div> -->
			<!-- 内容区域 -->
			<%if(_data.length>0){%>
			<div class="subject-wrap">
				<div class="subject-con">
					<!-- 题目说明 -->
					<p class="subject-explain">
						<%=#_Data.zdy,true%>
					</p>
					<%for(var i=0;i<_data.length;i++){%>
					<% var _item = _data[i]%>
					<!-- 题目内容 -->
					<div class="subject-item clearfix" tmbh="<%=_item.tmbh%>" tmjb="<%=_item.tmjb%>" tb="<%=_item.tb%>">
						<%if(i>=10){%>
						<i class="th left">0<%=i+1%>、</i>
						<%}else{%>
						<i class="th left"><%=i+1%>、</i>
						<%}%>
					<div class="item left">
						<p class="tm" dqys="<%=_item.dqys%>"><%=#_item.tmmc,true%></p>
						<div class="expressCon expressNum">

							<div <%if(_item.xzjg){%> class="expressItem focusActive" <%} else {%> class="expressItem J_expressItem" <%}%>>
								<textarea class="expressTextarea" placeholder="请输入答案" maxlength="300"><%=_item.xzjg%></textarea> <p>
								<span></span>/300</p>
							</div>

						</div>
					</div>
				</div>

				<%}%> <div class="subject-btn">
								<!-- <span class="back J_cancel">返回</span> -->
								<span class="tj J_save">提交</span>
							</div>
						</div>
					</div>
					<%}%>
				<%}%>

		</script>

	</div>


	<script src="http://rsj.beijing.gov.cn/footer.js"></script>

	<script src="./common/vendor.js"></script>
	<script src="./common/common.js"></script>
	<script>
		$(function () {

			var Load = new $.Loading();
			var gwwd = $.paramObj() && $.paramObj().gwwd; //岗位维度
			var cqpcbh = $.paramObj() && $.paramObj().cqpcbh; //抽取批次编号
			var tmcxfs = $.paramObj() && $.paramObj().tmcxfs; // 0：点击开始答题，1：点击上一步，2：点击下一步
			var dqys = $.paramObj() && $.paramObj().dqys; // 当前页数
			var zxwdjb = $.paramObj() && $.paramObj().zxwdjb; //自选维度级别
			var gwwhid = $.paramObj() && $.paramObj().gwwhid
			var Newcqpcbh = "";
			// var currentTime; //当前时间
			var sfxt = "" //是否为新题
			var newdqys = ""
			var timeInterval = "";
			var sfzhyt = "";
			var NewBc_Arr = []; // 选择题目类型保存
			// 查询个人答题
			getInfo('', gwwd, cqpcbh, tmcxfs, dqys, zxwdjb, gwwhid, "")

			function getInfo(ywcz, gwwd, cqpcbh, tmcxfs, dqys, zxwdjb, gwwhid, sysj) {
				Load.on()
				$.asyncRender({
					url: '/zxwmsgj/tmxxCx',
					type: 'get',
					wrap: '#nav_wrap',
					tem: '#nav_tem',
					pos: 'returnData',
					data: {
						ywcz: ywcz,
						gwwd: gwwd,
						cqpcbh: cqpcbh,
						tmcxfs: tmcxfs,
						dqys: dqys,
						zxwdjb: zxwdjb,
						gwwhid: gwwhid,
						sysj: sysj,
					}
				}).done(function (res) {
					var res = res.returnData;
					if (res.executeResult == 1) {
						Load.off();
						Newcqpcbh = res.dtxx.cqpcbh; //新的批次编号
						newdqys = res.dtxx.dqys; //当前页数
						// currentTime = res.dtxx.sysj; //剩余时间
						// timeCount()
						// 判断是否已完成答题 为1跳转到index
						sfzhyt = res.dtxx.ywcdt; // 是否为最后一题
						sfxt = res.dtxx.sfxt;
						if (res.dtxx.ywcdt == "1") {
							$(".J_save").html("提交")
						}
						if (res.dtxx.sfzhyy == "1") {
							$(".J_save").html("提交")
						}

					} else {
						$.layerMsg(res.message, '我知道了');
					}
				})
			}
			template.helper('render_br', function (str, flag) {
				if (flag) {
					var _str = str.replace(/<br>/g, '<br>');
				}
				return _str
			});
			// 填空题
			$(document).on('focus', '.expressTextarea', function () {
				!$(this).parent().hasClass('focusActive') && $(this).parent().addClass('focusActive');
			})
			$(document).on('blur', '.expressTextarea', function () {
				!$(this).val() && $(this).parent().removeClass('focusActive');

			})

			var Bc_Obj = {}
			$(document).on('input', '.expressTextarea', function () {
				var _val = $(this).eq($(this).index()).val().length;
				var index = $(this).parents('.subject-item').index();
				if (_val) {
					!$(this).parent().hasClass('focusActive') && $(this).parent().addClass('focusActive');
					$(this).eq($(this).index()).siblings().children("span").text(_val);
					if (_val == 300) {
						$(this).eq($(this).index()).siblings().children("span").css("color", "#FF0000");
					} else {
						$(this).eq($(this).index()).siblings().children("span").css("color", "#333333")
					}
					Bc_Obj[index] = {
						xzjg: $(this).val(), // 选择结果
						tmbh: $(this).parents(".subject-item").attr("tmbh"), //题目编号 
						tmjb: $(this).parents(".subject-item").attr("tmjb"), //题目级别
						tb: $(this).parents(".subject-item").attr("tb") //图表
					};
				} else {
					$(this).parent().removeClass('focusActive');
				}
			})
			// 保存
			function NextOrPrev(ywcz, cqpcbh, gwwd, zxwdjb, dqys, tmxzjg, gwwhid, sysj, sfxt, tmcxfs) {
				Load.on();
				$.fetch({
					url: "/zxwmsgj/tmxxBc",
					type: "post",
					data: {
						ywcz: ywcz, // 必填 0: 时间到了 1： 页面退出 2： 下一步 3： 提交
						cqpcbh: cqpcbh, //  选填 抽取批次编号
						gwwd: gwwd, // 必填 岗位维度
						zxwdjb: zxwdjb, // 选填 自选维度级别
						dqys: dqys, // 选填 当前页数
						tmxzjg: tmxzjg, // 选填 题目选择结果（ 对象数组tmbh、 tmjb、 xzjg、 sfzqda、 tb）
						gwwhid: gwwhid,
						sysj: sysj,
						sfxt: sfxt,
						tmcxfs: tmcxfs, // 选填 0： 点击开始答题， 1： 点击上一步， 2： 点击下一步
					}
				}).done(function (res) {
					var _res = res.returnData;
					if (_res.executeResult === '1') {
						Load.off();
						// 保存成功继续查询下一题 查询后台返回的值
						// 查询个人答题
						if (_res.sfytj == "1") {
							// clearInterval(timeInterval);
							$(window).off('beforeunload');
							alert("您已答完题！")
							window.location.href = './dimension.html?gwwhid=' + _res.gwwhid;
						}
						Bc_Arr = [];
						if (_res.ywzw == "0" || _res.ywcz == "1") {
							return false;
						} else {
							// 查询个人答题
							getInfo('', _res.gwwd, _res.cqpcbh, _res.tmcxfs, _res.dqys, _res.zxwdjb, _res.gwwhid);
							$('body,html').animate({
								scrollTop: 0
							}, 1);
							return false;
						}
					} else {
						$.layerMsg(_res.returnData, "确定")
					}
				})

			}

			function postSaveStatus(ywcz, cqpcbh, gwwd, zxwdjb, dqys, tmxzjg, gwwhid, sysj, xfxt, tmcxfs) {
				var deferred = new $.Deferred();
				Load.on();
				$.fetch({
					type: 'post',
					url: '/zxwmsgj/tmxxBc',
					data: {
						ywcz: ywcz, // 必填 0: 时间到了 1： 页面退出 2： 下一步 3： 提交
						cqpcbh: cqpcbh, //  选填 抽取批次编号
						gwwd: gwwd, // 必填 岗位维度
						zxwdjb: zxwdjb, // 选填 自选维度级别
						dqys: dqys, // 选填 当前页数
						tmxzjg: tmxzjg, // 选填 题目选择结果（ 对象数组tmbh、 tmjb、 xzjg、 sfzqda、 tb）
						tmcxfs: tmcxfs, // 选填 0： 点击开始答题， 1： 点击上一步， 2： 点击下一步
						gwwhid: gwwhid,
						sysj: sysj,
						xfxt: xfxt,
						tmcxfs: tmcxfs
					}

				}).always(function () {
					Load.off();
				}).done(function (response) {
					var result = response.returnData;
					if (parseInt(result.executeResult, 10) === 1) {
						getInfo("", result.gwwd, result.cqpcbh, result.tmcxfs, result.dqys, result.zxwdjb, result.gwwhid, '');
						deferred.resolve();
					} else {
						deferred.reject();
					}
				}).fail(function (e) {
					deferred.reject();
				});
				return deferred.promise();
			}

			// 提交
			$(document).on('click', '.J_save', function () {
				var all = $('.expressTextarea').length;
				var num = 0;
				$('.expressTextarea').each(function (index, item) {
					if ($(item).val()) {
						num++;
					}
				})
				// var Bc_Arr = []; // 选择题目类型保存
				// for (var m in Bc_Obj) {
				// 	if (Bc_Obj[m].xzjg == "") {
				// 		$.layerMsg('请全部填写完毕再提交！', '我知道了', function () {
				// 			return false
				// 		})
				// 	} else {
				// 		Bc_Arr.push(Bc_Obj[m])
				// 	}
				// }
				if (all != num) {
					$.layerMsg('请全部填写完毕再提交！', '我知道了', function () {})
				} else {

					NewBc_Arr = [];
					var _data = $(".subject-item");
					var index = _data.index()
					_data.each(function (k, v) {
						var obj = {
							xzjg: moreDxAnswer($(this)), // 选择结果
							tmbh: $(this).attr("tmbh"), //题目编号 
							tmjb: $(this).attr("tmjb"), //题目级别
							tb: $(this).attr("tb") //图表
						}
						NewBc_Arr.push(obj)
					})
					$.layerMsg("确认提交?",
						[{
							text: '确认',
							cb: function () {
								NextOrPrev(3, Newcqpcbh, gwwd, zxwdjb, newdqys, NewBc_Arr, gwwhid, '', sfxt,
									2) // 下一题参数 业务操作=3,抽取批次编号,岗位维度,自选难度级别,当前页数+1,题目选择结果数组 由Bc_Obj添加
							}
						}, {
							text: '取消',
							cb: function () {
								return false
							}
						}])
				}
			})

			function moreDxAnswer(ele) {
				var eleXx = $(ele).find('.focusActive');
				var _str = '';
				eleXx.each(function (index, ele) {
					if (index == eleXx.length - 1) {
						_str += $(ele).children().val()
					}
				})
				return _str;
			}
			// 浏览器关闭刷新事件处理
			$(window).on('beforeunload', function (e) {

				NewBc_Arr = [];
				var _data = $(".subject-item");
				var index = _data.index()
				_data.each(function (k, v) {
					var obj = {
						xzjg: moreDxAnswer($(this)), // 选择结果
						tmbh: $(this).attr("tmbh"), //题目编号 
						tmjb: $(this).attr("tmjb"), //题目级别
						tb: $(this).attr("tb") //图表
					}
					NewBc_Arr.push(obj)
				})

				postSaveStatus("4", Newcqpcbh, gwwd, zxwdjb, newdqys, NewBc_Arr, gwwhid, '', sfxt, tmcxfs);


				return '您输入的内容尚未保存，确定离开此页面吗？';
			});

		});

	</script>
</body>

</html>
